<!-- 登录页 -->
<template>
    <div>
        <h3>登录</h3>
        <button @click="login">登录</button>
        {{isLogin}}
        {{welcome}}
    </div>
</template>

<script setup>
import axios from 'axios';
import {post} from '../utils/request.js';
import  {useRoute,useRouter}  from 'vue-router';
let router=new useRouter()//跳转
let route=new useRoute()//获取路由信息
const login =async()=>{
    // sessionStorage.setItem('isLogin',true)   
    // // 增加判断，若query里有东西，说明从拦截来
    // // 没有东西说明是直接登录
    // let a=Object.keys(route.query).length
    // if(a){
    //     // 从拦截来，返回原页面
    //     router.push(route.query.redirct)
    // }else{
    //     router.push('/')
    // }

    // let data={
    //             "phone":"15880918950",
    //             "password":"123456",
    //         };
    // let result=await post('/login',data)
    // console.log(result);
}
</script>

<!-- <script>
    // 引入辅助函数
    import { mapState,mapMutations,mapActions,mapGetters } from 'vuex'
    export default{
        data(){
            return{
            }
        },
        computed:{
            // 都可以的写法
            // isLogin(){
            //     return this.$store.state.user.isLogin
            // }
            // 模块化后可使用的写法
            ...mapState("user",{
                isLogin:(state)=>state.isLogin
                }),
            ...mapGetters('user',[
                'welcome'
            ])
        },
        methods:{
            // 模块化后可以使用
            // ...mapMutations('user',[
            //     'changeIsLogin'
            //     ]),
            // 或者是action
            ...mapActions('user',[
                'changeIsLogin'
            ]),

    
            async login(){
                // this.$store.commit('changeIsLogin')
                // dispatch触发actions里面的函数
                // let token = await this.$store.dispatch('changeIsLogin',true)
                // 加了模块的话
                // let token = await this.$store.dispatch('user/changeIsLogin',true)
                // console.log(token)

                
                // 模块化后可使用
                let token =await this.changeIsLogin(true)
                console.log(token)
            }

        }
    }
</script> -->

<style lang="scss" scoped>

</style>